.col-md-4 {
    width: 25%;
}
.col-md-6 {
    width: 13%;
}
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start:0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
div{display:;}
.clear{clear:both;}
li{list-style:none;}

.rexian {
    font-size: 20px;
    padding: 20px 0 40px 0;
}

figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
figure img{width:100%;}

#qwer{width:100%;display:inline-block;}
#qwer .dyh>div{width:45%;float:left;}
#qwer .dyh{margin-bottom:50px;display: inline-block;width:100%;}
#qwer .deh{display: inline-block;width:100%;}
#qwer .deh>div{width:28%;float:left;}
#qwer .dy{margin-left:2.5%;margin-right:2.5%;}
#qwer img{max-width:100%;position: absolute;top: 50%;-webkit-transform: translate(-50%,-50%);left: 50%;max-width: 400px;transform: translate(-50%,-50%);}
#qwer h2{font-size:24px;border-bottom:1px solid #ccc;padding: 20px 0;margin-bottom: 40px;}
#qwer p{font-size:16px;line-height:2;}
#qwer .tu{margin-top:10px;width: 100%;height: 200px;position: relative;overflow: hidden;}

.prolist li{float:left; width:18%; margin-left:0.9%; margin-right:0.9%;border: 1px solid rgba(0,78,148,.3);border-radius:5px; margin-bottom:26px;}
.prolist img{width:100%;border-radius: 5px 5px 0 0;width: 100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prolist p{height:50px; text-align:center;}
.prolist p span{display:block; font-size:12px;}
.prolist li:hover{transition-duration: .5s;-webkit-transition-duration: .5s;background-color:#2C3E68; color:#FFFFFF;-webkit-box-shadow: #ccc 0px 0px 10px; -moz-box-shadow: #ccc 0px 0px 10px; box-shadow: #ccc 0px 0px 10px; }
.prolist li:hover a p{color:#FFFFFF;}
.prolist li div{overflow:hidden;}
.prolist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

.smallpic{height:340px;overflow:hidden;}
.smallpic li{float:left;width:31.5%;margin-right:2%; text-align:center; margin-top:10px;}
.smallpic li img{width:100%;border:1px solid #ccc;}
.smallpic li div{padding:6px 0 10px 0;}
.smallpic li:nth-child(3){margin-right:0%;}

.imglist li{float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:26px; position:relative;}
.imglist img{width:99%; border:1px solid #ddd;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prolist li div{overflow:hidden;}
.imglist li p{width:60%; margin-left:20%; border:1px solid #ddd; line-height:30px; background-color:#FFFFFF; position:absolute; margin-top:-25px; display:block; text-align:center; z-index:999;}
.imglist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

.twolist li{float:left;width:45%;margin-right:5%;border:1px solid #eee;padding:10px;margin-bottom:30px;}
.twolist li:nth-child(2n){margin-right:0;}
.twolist li:hover{border:1px solid #2C3E68;}
.picbox{float:left;width:40%;overflow: hidden;}
.picbox img{width:100%;}
.textcont{float:right;width:55%;}

.pcp30{padding:0 30px 0 30px;}

.download li{float:left; width:30%; margin-right:2.2%;border: 1px solid #d9d9d9;padding:10px; margin-bottom:30px;}
.download li:hover{background-color: #e5f7ff;}
.download li:nth-child(3n){margin-right:0;}
.downpic{float:left;width:20%;overflow: hidden;}
.downpic img{width:100%;}
.downtext{float:right;width:75%;}

.webname{font-size:20px; font-weight:bold; width:380px; margin-top:20px; color:#2C3E68;}
.webname span{display:block;font-size:14px; font-weight:normal;}

.pcshow{display:block;}
.wapsel{display:none;}
@media only screen and (max-width: 768px){
.pcshow{display:none;}
.wapsel{display:block;}
.webname{font-size:16px; font-weight:bold; width:; margin-top:10px; color:#2C3E68;}
.webname span{display:block;font-size:10px; font-weight:normal;}

.wapsel li a{float:left;width:45%; display:block; text-align:center; margin-left:3%;border:1px solid #ddd; font-size:14px; height:35px; line-height:35px; overflow:hidden; margin-bottom:6px;}
.wapsel li a.cur{color:#fff; background-color:#2C3E68;}

#qwer{width:96%; margin:0 auto;display:block;}

}
@media only screen and (max-width: 1440px) and (min-width: 1024px){
#qwer .deh .dy{margin-right:5%;margin-left:2%;}
#qwer .dyh .dy{margin-right:5%;margin-left:2%;}
#qwer .deh>div{margin-right:2%;}
#qwer .dyh>div{margin-right:2%;}
#qwer .tu{height: 170px;}
#qwer img{max-width: 400px;}

}

@media only screen and (max-width: 1024px) and (min-width: 769px){
#qwer .deh .dy{margin-right:5%;margin-left:2%;}
#qwer .dyh .dy{margin-right:5%;margin-left:2%;}
#qwer .deh>div{margin-right:2%;}
#qwer .dyh>div{margin-right:2%;}
#qwer .tu{height: 130px;}
#qwer img{max-width: 300px;}
#qwer p{font-size:12px;line-height:2;}
#qwer h2{font-size:18px;border-bottom:1px solid #ccc;padding: 20px 0;margin-bottom: 20px;}
#qwer .dyh{margin-bottom:30px;display: inline-block;width:100%;}

.prolist li{float:left; width:18%; margin-left:1%; margin-right:1%;border: 1px solid rgba(0,78,148,.3);border-radius: 10px;}
.prolist img{width:100%;}
.prolist p{border-top:1px solid #ddd; line-height:50px; text-align:center;}

}
@media only screen and (max-width: 768px){
#qwer .deh>div{margin:0 5%;width:90%;}
#qwer .dyh>div{margin:0 5%;width:90%;}
#qwer .tu{margin-top:20px;width: 100%;height: auto;position: relative;overflow: hidden;}
#qwer img{max-width:100%;position: relative;top: 0;-webkit-transform: translate(0,0);left: 0;transform: translate(0,0);}
#qwer p{font-size:16px;line-height:2;}
#qwer h2{font-size:24px;border-bottom:1px solid #ccc;padding: 20px 0;margin-bottom: 20px;}
#qwer .dyh{margin-bottom:30px;display: inline-block;width:100%;}

.prolist li{float:left; width:47%; margin-left:1%; border: 1px solid rgba(0,78,148,.3);border-radius:5px; margin-bottom:10px;}
.prolist img{width:100%;border-radius: 5px 5px 0 0;width: 100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prolist p{height:50px; text-align:center;}
.prolist li:hover{background-color:#2C3E68; color:#FFFFFF;-webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
.prolist li:hover a p{color:#FFFFFF;}
.prolist li div{overflow:hidden;}
.prolist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(imglist1.05);transform:scale(1.05);}

.pcp30{padding:0 0 10px 0;}

.client-2,.met-position{display:none;}

.title-box h2 {
    font-size: 22px;
    font-weight: normal;
    color: #333;
    font-weight: bold;
}

h4 {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.col-md-4,.col-md-6{
    width: 90%; margin-left:5%; text-align:left;
}
.col-md-6{
    float:left;width:45%; margin-left:5%; margin-top:2%;
}

.flogo div {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    color: #fff;
	padding-bottom:20px;
}

.imglist li{float:left; width:47%; margin-left:1%; border: 1px solid rgba(0,78,148,.3);border-radius:5px; margin-bottom:10px;}
.imglist img{width:100%;border-radius: 5px 5px 0 0;width: 100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.imglist p{line-height:40px; text-align:center;}
.imglist li:hover{background-color:#2C3E68; color:#FFFFFF;-webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
.imglist li:hover a p{color:#FFFFFF;}
.imglist li div{overflow:hidden;}
.imglist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}


.twolist li{width:94%; margin-left:1.5%;background-color: #f5f5f5; padding:10px; margin-bottom:10px;}
.twolist li:nth-child(2n){margin-right:0;}
.picbox{float:left;width:40%;overflow: hidden;}
.picbox img{width:100%;}
.textcont{float:right;width:55%;}

.download li{width:94%; margin-left:1.5%;border: 1px solid #d9d9d9;padding:10px; margin-bottom:20px;}
.download li:hover{background-color: #e5f7ff;}
.download li:nth-child(2n){margin-right:0;}
.downpic{float:left;width:20%;overflow: hidden;}
.downpic img{width:100%;}
.downtext{float:right;width:75%;}

}


.kd {
    margin: 0 auto;
    width: 96%;
    max-width: 1400px;
}
.fl{float:left;}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

.sortmenu{ border-bottom:1px solid #dcdcdc; height:60px; width:100%;}
.sortmenu .slist li{ float:left; padding:0 16px; list-style:none;}
.sortmenu .slist li a{ position:relative; z-index:2; display:inline-block; padding:20px 5px; color:#666666; font-size:0.8rem;}
.sortmenu .slist li a span{ position:absolute; background:url(../images/acur.png) center bottom no-repeat; bottom:0; left:0; width:100%; height:100%; transform:scale(0,1); transition:all 0.7s ease}
.sortmenu .slist li a i{position:absolute; background:#2C3E68; bottom:0; left:0; width:100%; height:3px; transform:scale(0,1); transition:all 0.7s ease}
.sortmenu .slist li a:hover span,.sortmenu .slist li a.cur span{ transform:scale(1);}
.sortmenu .slist li a:hover i,.sortmenu .slist li a.cur i{ transform:scale(1);}

@media screen and (max-width:768px){
.sortmenu{ border-bottom:1px solid #dcdcdc; height:auto; width:100%;}
.sortmenu .snd{ display:none;}
.sortmenu .slist{ width:100%; margin-left:0}
.sortmenu .slist li{ width:25%; box-sizing:border-box; text-align:center; padding:0 0}
.sortmenu .slist li a{ font-size:1rem;}
}

.headerfix {
    width: 100%;
    background-color: #FFFFFF;
    position: fixed;
    z-index: 99999;
}
.h150{height:145px;}
.yyh{box-shadow:#ddd 1px 1px 10px 1px}
.mpro{display: none;}
.protitle{border-bottom:1px dashed #ccc; font-size:22px; font-weight:bold; text-align:left; padding:0 0 10px 0;}

.newbtn{
    float:left; margin-right:20px; min-width:100px; text-align:center;
	margin-bottom: 10px;
    background: #2C3E68;
    padding: 0.6vw 1vw;
    border-radius: 0px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #2C3E68;
    transition: all .36s ease;
}
.newbtn:hover{ background:#fff; color:#2C3E68; border:1px solid #2C3E68; }



.tuijian{background:#005ea2; width:80px; height:24px; line-height:24px; color:#fff; display:block; text-align:center; font-family:微软雅黑;}
.xiangxi{width:150px; height:40px; line-height:40px; color:#fff; float:left; text-align:center; font-family:微软雅黑; margin-right:20px; cursor:pointer; background-color:#333333}

.jobs{width:100%; margin-bottom:20px; background-color:#F3F3F3;padding:15px;border-radius:10px;}
.jobs dd{-webkit-margin-start:0px;}
.jobs h1{font-size:20px;color:#333333; padding-top:2px; padding-bottom:2px; cursor:pointer;}
.jobs dt{font-size:14px;color:#666666; padding-bottom:10px;}
.jobs dt span{padding-left:10px;padding-right:10px;}

@media only screen and (max-width: 768px){
.headerfix {width: 100%;position:;z-index:;}
.h150{height:110px;}
.mpro,.content{display: block;display: block;width: 96%;margin: 0 auto;}
#pcpro{display: none;}
.protitle{border-bottom:1px dashed #ccc; font-size:18px; font-weight:bold; text-align:left; padding:20px 0 10px 0; clear:both;}

.jobs{width:90%; margin:0 auto; margin-bottom:15px;background-color:#F3F3F3;padding:10px;border-radius:10px;}
.jobs dd{-webkit-margin-start:0px;}
.jobs h1{font-size:20px;color:#333333; padding-top:2px; padding-bottom:2px; cursor:pointer;}
.jobs dt{font-size:14px;color:#666666; padding-bottom:10px;}
.jobs dt span{padding-left:10px;padding-right:10px;}
}

.news .newsList{float: left; width: 100%; margin-top: 11px; min-height: 600px;}
.news .newsLis{float: left; width: 100%; margin-top:30px;}
.news .newsLis a{float: left;position:relative; width: 98%; margin-left:1%; display: block; padding: 30px 12px; background: #f7f7f7;}
.newsDate{float: right; width:15.986395%; text-align: center; border-left: 1px solid #e0e0e0; padding:26px 0;}
.news a:hover .newsDate{ border-right-color: #49a0ce;}
.newsDate .newsDay{float: left; width: 100%; height: 74px; line-height: 74px; color: #c2c2c2; font-size: 72px; font-family: Arial; font-weight: bold;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.newsDate .newsYear{float: left; width: 100%; font-size: 20px; line-height: 30px; height: 30px; color: #4c4c4c;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.newsIn{float: left; width: 65%; padding: 0 0 0 16px; position: relative;}
.newsInPic{width: 205px; display: block; float:left; overflow: hidden; }
.newsInPic img{display: block; width: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;}
.newsIn .newsIn_h{float: left; width: 100%; font-size: 18px; line-height: 34px; height: 34px; color: #333; margin-top: 13px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.newsIn .newsIn_m{float: left; width: 100%; margin-top: 12px; color: #666666; font-size: 14px; line-height: 26px; height:78px; overflow: hidden;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
/*.news a:hover{background: #0784c6;}*/
/*.news a:hover .newsIn .newsIn_h,
.news a:hover .newsIn .newsIn_m,
.news a:hover .newsDate .newsDay,
.news a:hover .newsDate .newsYear{color: #fff;}*/
.newsLis a i{position:absolute; background:#2C3E68; bottom:0; left:0; width:100%; height:1px; transform:scale(0,1); transition:all 0.7s ease}
.newsLis a:hover i{transform:scale(1);}
.news a:hover .newsInPic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}

@media  screen and (max-width:991px){
    .news{padding: 0 15px;}
    .news .newsLis{ margin-top: 20px;}
    .news .newsLis a{padding: 20px 12px; }
    .newsDate{padding:20px 0;}
    .newsDate .newsDay{height: 54px; line-height: 54px;  font-size: 42px; }
    .newsDate .newsYear{font-size: 16px;}
    .newsIn{padding: 0 44px 0 186px;}
    .newsIn .newsInPic{ width: 165px; }
    .newsIn .newsIn_h{ font-size: 16px; margin-top: 0; }
    .newsIn .newsIn_m{ margin-top: 5px;}
}
@media  screen and (max-width:767px){
    .news{padding: 0;  margin-top: 0; }
    .news .newsLis{ margin-top: 15px;}
    .news .newsLis a{padding:0px ; }
    .newsDate{ display:none;}
    .newsDate .newsDay{width: auto; height: 34px; line-height: 34px; padding: 0 10px;  font-size: 24px; }
    .newsDate .newsYear{font-size: 14px; width: auto; padding: 0 10px; margin: 5px 0; line-height: 24px; height: 24px; border-left: 1px solid #ccc;}
    .newsInPic {
		width: 30%;
		display: block;
		float: left;
		overflow: hidden;
	}
	.newsIn{
		float: right;
		width: 65%;
		padding: 0 0 0 0;
		position: relative;
	}
    .newsIn .newsInPic{ width: 100%; position: static; left: auto; top: auto;}
    .newsIn .newsIn_h{ font-size: 16px; margin-top: 5px; }
    .newsIn .newsIn_m{ margin-top: 5px;}
}

.client-2 {
	position: fixed;
	right: -170px;
	top: 40%;
	z-index: 900;
}

.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 62px;
	position: relative;
}

.client-2 li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}

.client-2 li p {
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.client-2 .my-kefu-qq i {
	background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
	display: none;
}

.client-2 .my-kefu-ftop i {
	   width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
	padding-top: 6px;
}

.client-2 .my-kefu-left {
	float: left;
	width: 62px;
	height: 47px;
	position: relative;
}

.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}

.client-2 .my-kefu-right {
	width: 20px;
}

.client-2 .my-kefu-tel-main {
	background: #2C3E68;
	color: #fff;
	height: 53px;
	width: 230px;
	padding:9px 0 0;
	float: left;
}

.client-2 .my-kefu-main {
	background: #2C3E68;
	width: 97px;
	height: 53px;
	position: relative;
	padding:9px 0 0;
	float: left;
}

.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}

.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}



/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:95%;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.msg_text{width:95%;border:1px solid #e0e0e0;padding:8px 9px; height:100px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#2C3E68;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}